/*--------------SLIDER----------------*/

#slider {
	width: 100%;
	height:420px;
	margin: 0px auto;
}

/*--------------CONTROLS--------------*/
.controls{
	position: absolute;
	top:40%;
}
/*position controls*/
.controls li {
	margin-top:0px
}

.controls li:nth-child(1) {
	left: 0;
}

.controls li:nth-child(2) {
	left: 355px;
}


/*------------PAGINATION------------*/
.pagination{
	position:absolute;
	top:-105px;
}
/*style pagination*/
.pagination li {
	background-color: #ddd;
}

.pagination li.active {
	background-color: #000;
}


/*-------------HELPERS----------------*/

.responsive {
	width: 100%;
	height: 380px;
}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
.clearfix li{
	cursor: pointer;
}